import React,{useState} from 'react'
/**
 * React16.8版本增加了Hook
 * useState是操作状态的hook,就相当于类组件中state
 * useState在函数组件中的使用步骤
 * 1、导入useState
 * import React,{useState} from 'react'
 * 2、在函数组件中调用useState
 * useState函数的说明
 * 参数：state要定义的属性的初始值
 * 返回值：数组形式返回
 * 数组的元素说明
 * 第1个元素：要定义的state的属性名
 * 第2个元素：该属性的setState的方法名
 * 3、调用setXX来完成对状态数据的更新
 */
export default function Counter() {
  const [count,setCount]=useState(0)
  const increment=()=>{
    //setCount的参数是更新后state的状态值
    setCount(count+1)
  }
  return (
    <div>
        <h1>计数器</h1>
        <h2>{count}</h2>
        <button onClick={increment}>+</button>
    </div>
  )
}
